<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-bind数组表达式绑定class</title>
    <script src="./lib/vue.js"></script>
</head>
<body>
<div id="app">
     <div id="cmponents-demo">
        <button-counter></button-counter>
        <button-counter></button-counter>
        <button-counter></button-counter>
        
     </div>
     
	</div>

</body>
<script>
    new Vue({ el: '#components-demo' })
    Vue.component("button-counter",{
        data:function(){
            return {
               count:0   
            }
              
            
        },
        template: '<button v-on:click="count++"> 轰炸机开始运行：{{count}}</button>'
    })
	var app = new Vue({
		el: '#app',
		data:{
    
			
			
		}
	})
</script>

</html>